			*{
				margin: 0;
				padding: 0;
			}
			ul{
				list-style: none;
			}
			a{
				text-decoration: none;
				color: #fff;
			}
			body{
				width: 1200px;
				margin: 0 auto;
			}
			.header{
				position: relative;
				height: 450px;
				background: url(../images/bg.jpg)no-repeat center/cover;
			}
			.zhuye{
				display: flex;
				padding: 20px 0 0 100px;
				align-items: center;
			}
			.zhuye img{
				width: 20px;
				padding-left: 20px;
			}
			.tou{
				padding: 100px 0 0 100px;
			}
			.tou img{
				width: 30px;
				padding: 5px 20px;
			}
			.tou .yuan{
				width: 120px;
				height: 120px;
				border-radius: 50%;
			}
			.wel{
				position: absolute;
				top: 200px;
				left: 50%;
				transform: translateX(-50%);
				color: #fff;
				font-size: 20px;
				padding: 15px 80px;
				background-color: rgba(225,225,225,.4);
			}
			.nav{
				padding: 20px 0;
				border-bottom: 8px #eee solid;
			}
			.nav .list{
				width: 960px;
				margin: 0 auto;
				display: flex;
				justify-content: space-around;
				border: 1px #000 solid;
				padding: 40px 0;
				border-radius: 80px;
			}
			.nav .list a{
				color: #000;
				padding: 5px;
			}
			.nav .list a:hover{
				border-bottom: 3px red solid;
			}
			.about{
				padding: 40px 0;
				border-bottom: 8px #eee solid;
				position: relative;
				height: 300px;
			}
			.about p{
				width: 180px;
				text-align: center;
				padding: 25px 0;
				border: 1px #000 solid;
				position: absolute;
				transition: all .4s;
			}
			.about .title{
				position: static;
				text-align: center;
				margin: 0 auto;
				font-size: 20px;
				border: none;
			}
			.about .hob1{
				left: 120px;
				top: 120px;
			}
			.about .hob2{
				left: 220px;
				top: 240px;
			}
			.about .hob3{
				left: 620px;
				top: 135px;
			}
			.about .hob4{
				left: 760px;
				top: 250px;
			}
			.about p:hover{
				transform: scale(1.35);
			}
			.conten{
				padding: 40px 0;
				position: relative;
			}
			.conten .ctitle{
				width: 300px;
				padding: 15px 20px;
				text-align: center;
				margin: 0 auto;
				border: 1px #000 solid;
				border-radius: 30px;
			}
			.conten ul{
				width: 960px;
				margin: 20px auto;
				display: flex;
				justify-content: space-between;
			}
			 .conten ul li{
				 width: 30%;
			 }
			 .conten ul li img{
				cursor: pointer;
			 	width: 100%;
			 }
			 .lianx{
				 padding: 20px 0;
			 }
			 .lianx p{
				 width: 300px;
				margin: 0 auto;
				text-align: center;
				 font-size: 22px;
				 border-bottom: 1px #000 solid;
				 padding: 10px 0;
			 }
			 .lianx ul{
				 width: 780px;
				 margin: 20px auto;
				 display: flex;
				 flex-flow: wrap;
				 justify-content: space-between;
			 }
			 .lianx ul li{
				 width: 300px;
				 text-align: center;
				  font-size: 22px;
				  border-bottom: 1px #000 solid;
				  padding: 10px 0;
				  margin-top: 30px;
			 }
			 .fbanner{
				 height: 200px;
				 background: url(../images/zhuti.jpg)no-repeat center/cover;
			 }
			 .fbanner input{
				 width: 350px;
				 padding: 10px;
				 border-radius: 20px;
				 margin: 80px 0 0 600px;
			 }
			 .footer a{
				 color: #000;
			 }
			 .footer p{
				 width: 960px;
				 margin: 20px auto;
			 }
			 .footer .pl{
				 padding-left: 80px;
			 }
			 .bigpic1,.bigpic2,.bigpic3{
				 position: absolute;
				 top: 0;
				 width: 400px;
				 left: 50%;
				 transform: translateX(-50%);
				 display: none;
			 }
